<script setup>

</script>

<template>
  <div class="bigBox">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item>
    <img src="@/assets/desktop_1.jpg" alt="图片加载失败！" class="bgcImg">
  </van-swipe-item>
  <van-swipe-item>2</van-swipe-item>
  <van-swipe-item>3</van-swipe-item>
  <van-swipe-item>4</van-swipe-item>
</van-swipe>
    <h2>AchoBeta是谁?</h2>
    <div class="box1">
东莞理工学院AchoBeta网络安全创新实践实验室于2020年成立。该实验室由敖欣、赵海峰、黄斌等教师领导，学生自主运营管理，是校内颇具创新和创业精神的一个重要实验室。在这个实验室里，我们集结了学校里最充满互联网创新激情和专业精神的一群同学。我们以互联网创新实践为核心，采取多种方式，包括但不限于:开发具有广泛影响力、可供大众使用的产品，积极参与计算机相关的专业竞赛和技术交流活动等。通过不断提升自身的专业技能，我们已经构建起一个资源共享、信息互通、共同成长的创新学习社区。
在实验室内部，我们孵化了多个创新项目，荣获多项国家级和省级荣誉奖项，同时，实验室的成员也成功就业或实习于腾讯、字节跳动、百度、快手等知名企业，得到了社会广泛的认可
    </div>
    <h2>AchoBeta是谁?</h2>
    <div class="box1">
东莞理工学院AchoBeta网络安全创新实践实验室于2020年成立。该实验室由敖欣、赵海峰、黄斌等教师领导，学生自主运营管理，是校内颇具创新和创业精神的一个重要实验室。在这个实验室里，我们集结了学校里最充满互联网创新激情和专业精神的一群同学。我们以互联网创新实践为核心，采取多种方式，包括但不限于:开发具有广泛影响力、可供大众使用的产品，积极参与计算机相关的专业竞赛和技术交流活动等。通过不断提升自身的专业技能，我们已经构建起一个资源共享、信息互通、共同成长的创新学习社区。
在实验室内部，我们孵化了多个创新项目，荣获多项国家级和省级荣誉奖项，同时，实验室的成员也成功就业或实习于腾讯、字节跳动、百度、快手等知名企业，得到了社会广泛的认可
    </div>
    <h2>AchoBeta是谁?</h2>
    <div class="box1">
东莞理工学院AchoBeta网络安全创新实践实验室于2020年成立。该实验室由敖欣、赵海峰、黄斌等教师领导，学生自主运营管理，是校内颇具创新和创业精神的一个重要实验室。在这个实验室里，我们集结了学校里最充满互联网创新激情和专业精神的一群同学。我们以互联网创新实践为核心，采取多种方式，包括但不限于:开发具有广泛影响力、可供大众使用的产品，积极参与计算机相关的专业竞赛和技术交流活动等。通过不断提升自身的专业技能，我们已经构建起一个资源共享、信息互通、共同成长的创新学习社区。
在实验室内部，我们孵化了多个创新项目，荣获多项国家级和省级荣誉奖项，同时，实验室的成员也成功就业或实习于腾讯、字节跳动、百度、快手等知名企业，得到了社会广泛的认可
    </div>
    <van-button round type="success" color="rgb(25, 137, 250)" class="delivery" @touchend="$router.push('/resume')">投递简历</van-button>
  </div>
</template>

<style scoped>
* {
  padding: 0;
  margin: 0;
}

.bigBox{
  background-image: linear-gradient(
    #4993fa,
    #9dc6ff,
    #a0e4f1,
    #f1fafb
  );
}

.bgcImg {
  width: 375px;
}

.van-swipe__track{
  width: 375px;
  height: 230px;
}

.van-swipe-item{
  width: 375px;
  height: 200px;
}

.my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  }

h2{
  margin: 10px 25px;
  color:#fff ;
}

.box1{
  box-sizing: border-box;
  padding: 20px 20px;
  text-indent: 2em;
  width: 325px;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 5px 10px 10px #929292;
}

.delivery{
  display: flex;
  padding: 0 75px 0 75px;
  margin: 0 auto;
  justify-content: center;
}
</style>